﻿<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Site.Master"
  CodeBehind="frmEntrega.aspx.vb" Inherits="Lourdes.UI.Web.frmEntrega" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
  <style type="text/css">
    .labelFiltro
    {
      width: 60px;
      float: left;
    }
  </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
  <ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
  </ajaxToolkit:ToolkitScriptManager>
  <h2>
    Entregas
  </h2>
  <p style="text-align: center">
    <label>
      Número de Entrega:</label>
    <asp:TextBox ID="txtPedidoNumero" runat="server"></asp:TextBox>
    <asp:Button ID="btnBuscar" runat="server" Text="Buscar" />
  </p>
  <asp:MultiView ID="mvDatos" runat="server">
    <asp:View ID="viewSinDatos" runat="server">
      <h2 style="text-align: center">
        El número de entrega es inexistente o incorrecto.</h2>
    </asp:View>
    <asp:View ID="viewCancelada" runat="server">
      <h2 style="text-align: center">
        La entrega ha sido cancelada.</h2>
    </asp:View>
    <asp:View ID="viewEntrega" runat="server">
      <h2 style="text-align: center">
        <asp:Literal ID="ltrEntregaTitulo" runat="server"></asp:Literal>
      </h2>
      <ajaxToolkit:Accordion Width="500px" ID="aDatoEntrega" Style="margin: auto;" runat="server"
        SelectedIndex="0" HeaderCssClass="accordionHeader" HeaderSelectedCssClass="accordionHeaderSelected"
        ContentCssClass="accordionContent" AutoSize="None" FadeTransitions="true" TransitionDuration="250"
        FramesPerSecond="40" RequireOpenedPane="false" SuppressHeaderPostbacks="true">
        <Panes>
          <ajaxToolkit:AccordionPane ID="Pane2" runat="server" HeaderCssClass="accordionHeader"
            HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent">
            <Header>
              Destinatario</Header>
            <Content>
              <div style="width: 50%; float: left">
                <p>
                  <label class="labelFiltro">
                    Nombre:</label>
                  <asp:TextBox ID="txtDestNombre" ReadOnly="true" runat="server"></asp:TextBox>
                </p>
                <p>
                  <label class="labelFiltro">
                    DNI:</label>
                  <asp:TextBox ID="txtDestDNI" ReadOnly="true" runat="server"></asp:TextBox>
                </p>
              </div>
              <div style="width: 50%; float: right">
                <p>
                  <label class="labelFiltro">
                    Teléfono:</label>
                  <asp:TextBox ID="txtDestTel" ReadOnly="true" runat="server"></asp:TextBox>
                </p>
                <p>
                  <label class="labelFiltro">
                    Email:</label>
                  <asp:TextBox ID="txtDestEmail" ReadOnly="true" runat="server"></asp:TextBox>
                </p>
              </div>
            </Content>
          </ajaxToolkit:AccordionPane>
          <ajaxToolkit:AccordionPane ID="AccordionPane1" runat="server" HeaderCssClass="accordionHeader"
            HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent">
            <Header>
              Lugar de Entrega</Header>
            <Content>
              <div style="width: 50%; float: left">
                <p>
                  <label class="labelFiltro">
                    Calle:</label>
                  <asp:TextBox ID="txtLugarCalle" ReadOnly="true" runat="server"></asp:TextBox>
                </p>
                <p>
                  <label class="labelFiltro">
                    Piso:</label>
                  <asp:TextBox ID="txtLugarPiso" ReadOnly="true" runat="server"></asp:TextBox>
                </p>
                <p>
                  <label class="labelFiltro">
                    Barrio:</label>
                  <asp:TextBox ID="txtLugarBarrio" ReadOnly="true" runat="server"></asp:TextBox>
                </p>
                <p>
                  <label class="labelFiltro">
                    CP::</label>
                  <asp:TextBox ID="txtLugarCP" ReadOnly="true" runat="server"></asp:TextBox>
                </p>
              </div>
              <div style="width: 50%; float: right">
                <p>
                  <label class="labelFiltro">
                    Ciudad:</label>
                  <asp:TextBox ID="txtLugarCiudad" ReadOnly="true" runat="server"></asp:TextBox>
                </p>
                <p>
                  <label class="labelFiltro">
                    Provincia:</label>
                  <asp:TextBox ID="txtLugarProvincia" ReadOnly="true" runat="server"></asp:TextBox>
                </p>
                <p>
                  <label class="labelFiltro">
                    País:</label>
                  <asp:TextBox ID="txtLugarPais" ReadOnly="true" runat="server"></asp:TextBox>
                </p>
              </div>
            </Content>
          </ajaxToolkit:AccordionPane>
          <ajaxToolkit:AccordionPane ID="AccordionPane2" runat="server" HeaderCssClass="accordionHeader"
            HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent">
            <Header>
              Mapa</Header>
            <Content>
              <p style="text-align: center">
                <asp:Image ID="imgMapa" Width="400px" Height="200px" EnableViewState="false" runat="server" />
              </p>
            </Content>
          </ajaxToolkit:AccordionPane>
          <ajaxToolkit:AccordionPane ID="AccordionPane3" runat="server" HeaderCssClass="accordionHeader"
            HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent">
            <Header>
              Cadete</Header>
            <Content>
              <asp:MultiView ID="mvCadete" runat="server">
                <asp:View ID="viewSinCadete" runat="server">
                  <p style="text-align: center">
                    <h4>
                      No hay ningún cadete asignado a su pedido.</h4>
                  </p>
                </asp:View>
                <asp:View ID="viewConCadete" runat="server">
                  <div style="width: 50%; float: left">
                    <p style="text-align: center; vertical-align: middle">
                      <asp:Image ID="imgCadete" runat="server"></asp:Image>
                    </p>
                  </div>
                  <div style="width: 50%; float: right">
                    <p>
                      <label class="labelFiltro">
                        Nombre:</label>
                      <asp:TextBox ID="txtCadeteNombre" ReadOnly="true" runat="server"></asp:TextBox>
                    </p>
                    <p>
                      <label class="labelFiltro">
                        DNI:</label>
                      <asp:TextBox ID="txtCadeteDni" ReadOnly="true" runat="server"></asp:TextBox>
                    </p>
                    <p>
                      <label>
                        Por su seguridad verifique que los datos y la fotografía se correspondan con la
                        persona que entrega el pedido.
                      </label>
                    </p>
                  </div>
                </asp:View>
              </asp:MultiView>
              <content>

            </content>
            </Content>
          </ajaxToolkit:AccordionPane>
          <ajaxToolkit:AccordionPane ID="AccordionPane4" runat="server" HeaderCssClass="accordionHeader"
            HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent">
            <Header>
              Productos del Pedido</Header>
            <Content>
                <asp:GridView Width="50%" RowStyle-HorizontalAlign="Center" HorizontalAlign="Center" ID="grdPedidoProductos" runat="server">
                </asp:GridView>
            </Content>
          </ajaxToolkit:AccordionPane>
        </Panes>
      </ajaxToolkit:Accordion>
    </asp:View>
  </asp:MultiView>
</asp:Content>
